<!DOCTYPE html><!--文档申明-->
<html lang="en"><!--根标签:网页的全部内容写在其中-->
<head><!--头标签:页面的基本属性信息-->
    <meta charset="UTF-8"><!--网页编码-->
    <title>YYDS</title><!--网页标题-->
</head>
<body><!--体标签:网页的显示内容-->
<!--h标签:标题标签 h1~h6 分别对应六级标签-->
<!--center标签:居中标签-->
<!--input标签:文本框标签,可以在浏览器上显示很多的输入组件,输入组件有很多种,type的值不同,组件不同
             type="text" 普通的文本输入框
             type="password" 密码文本输入框
             type="radio" 单选框
             type="checkbox" 多选框
             type="button" 无事件按钮
             type="submit" 提交按钮-->
<!--a标签:超链接,标签中间指定超链接的文本,href属性用于指定点击后跳转的位置-->
<!--br标签:换行标签-->
<!--table标签: 表格标签 换分表格所在区域
    tr标签: 表格的行
-->
<!--img标签:图片标签 src属性写引入的图片的路径-->
<center>
    <!--
        网页中路径有两种:
        1:相对路径
            页面上使用"./"表示当前目录,由于html被浏览器解析,所以该路径不能与java的源代码的"./"(实际表示的路径是不同的)
            浏览器在解释页面上的"./"时,是根据请求当前页面时URL中该页面所在的目录
            例如:
            请求当前首页,浏览器上输入的URL:http://localhost:8088/myweb/index.html
            那么在index.html页面上使用了"./",则浏览器理解的实际位置是:
            http://localhost:8088/myweb/
            <img src="./logo.jpeg" width="30%">
            实际写成<img src="http://localhost:8088/myweb/logo.jpeg" width="30%">
            如果请求不存在的页面:http://localhost:8088/myweb/a.html
            实际会返回404.html,而此时404页面上如果使用了"./"
            <img src="http://localhost:8088/myweb/404.gif">
            由于图片在root目录,所以图片不存在
        2:绝对路径
            "./"是URL中抽象路径的最后一个"/"位置
            "/"是URL中抽象路径的第一个"/"位置
            举例:
            http://localhost:8088/myweb/index.html
                                 |----抽象路径----|
            在index.html中
            <img src="/myweb/logo.jpeg" width="30%">
            此处"/"是抽象路径第一个"/"以前的内容所以http://localhost:8088/
            <img src="./logo.jpeg" width="30%">
            此处"./"是抽象路径最后一个"/"以前的内容所以http://localhost:8088/myweb/
    -->
    <img src="/myweb/logo.jpeg" width="30%">
    <br>
    <input type="text">
    <input type="button" value="百度一下" onclick="alert('点你妹啊!!')">
    <br>
    <a href="/myweb/reg.html">用户注册</a>
    <br>
    <a href="/myweb/login.html">用户登陆</a>
    <br>
    <a href="/myweb/writeArticle.html">发表文章</a>
    <br>
    <!--此处功能是需要动态页面的,所以直接跳转到业务-->
    <a href="/myweb/showAllUser">用户列表</a>
    <br>
    <a href="/myweb/showAllArticle">文章列表</a>
    <br>
    <a href="https://www.taobao.com" target="_blank">淘宝</a>
    <table border="1">
        <tr><!--table row 表格的行-->
            <!--colspan="2" 横跨2列-->
            <td colspan="2"><!--table data 表格的数据-->
                1-1
            </td>
            <!--<td>1-2</td>-->
            <!--rowspan="2" 竖跨2行-->
            <td rowspan="2">1-3</td>
        </tr>
        <tr>
            <td>2-1</td>
            <td>2-2</td>
            <!--<td>2-3</td>-->
        </tr>
    </table>
</center>
</body>
</html>